@charset "utf-8";

/* mypage Content Table
	1. snb
	2. content
	3. table_vrtcl
	4. date_search_box
	5. date_search_box
	6. register_box	
	7. placeholder
*/

/* 1. snb
--------------------------------------------------------------------------------------------------------------------------------*/
.snb{position:absolute}
.snb .snb_list.mypage li.snb1 a{background:url(/cmp_images/mypage/img_mypage_snb1.png) 27px 17px no-repeat;}
.snb .snb_list.mypage li.snb1.on a{background:url(/cmp_images/mypage/img_mypage_snb1_on.png) 27px 17px no-repeat;}
.snb .snb_list.mypage li.snb2 a{background:url(/cmp_images/mypage/img_mypage_snb2.png) 27px 17px no-repeat;}
.snb .snb_list.mypage li.snb2.on a{background:url(/cmp_images/mypage/img_mypage_snb2_on.png) 27px 17px no-repeat;}
.snb .snb_list.mypage li.snb3 a{background:url(/cmp_images/mypage/img_mypage_snb3.png) 27px 17px no-repeat;}
.snb .snb_list.mypage li.snb3.on a{background:url(/cmp_images/mypage/img_mypage_snb3_on.png) 27px 17px no-repeat;}
.snb .snb_list.mypage li.snb4 a{background:url(/cmp_images/mypage/img_mypage_snb4.png) 27px 17px no-repeat;}
.snb .snb_list.mypage li.snb4.on a{background:url(/cmp_images/mypage/img_mypage_snb4_on.png) 27px 17px no-repeat;}
.snb .snb_list.mypage li.snb5 a{background:url(/cmp_images/mypage/img_mypage_snb5.png) 27px 17px no-repeat;}
.snb .snb_list.mypage li.snb5.on a{background:url(/cmp_images/mypage/img_mypage_snb5_on.png) 27px 17px no-repeat;}
.snb .snb_list.mypage li.snb6 a{background:url(/cmp_images/mypage/img_mypage_snb6.png) 27px 17px no-repeat;}
.snb .snb_list.mypage li.snb6.on a{background:url(/cmp_images/mypage/img_mypage_snb6_on.png) 27px 17px no-repeat;}

/* 2. content
--------------------------------------------------------------------------------------------------------------------------------*/
.content{margin-left:236px;padding:42px 0 0 16px;}
.content.snb_line{margin-left:235px;border-left:1px solid #cdcdcd;}
.content .import{margin-bottom:32px;color:#4882C5;}
.content h3{margin-bottom:18px;}
.content .join_process {margin-bottom:32px;text-align:center}
.content .ctt_box {padding:30px 36px;background-color:#f7f7f7;border-top:2px solid #a4a4a4;border-bottom:1px solid #a4a4a4;}
.content .txt_box .ttl{margin:20px 0 5px -17px;background:url(/cmp_images/join/blt_join_agr.png) 0 5px no-repeat;padding:0 0 0 17px;font-size:14px;color:#666}
.content .txt_box p{line-height:1.3em}
.content .ctt_btn_wrap{padding-bottom:64px;position:relative}
.content .ctt_btn_wrap:after{content:'';display:block;clear:both}
.content .btn_left{position:absolute;padding-top:8px;left:20px;}
.content .ctt_btn_wrap .btn_right{float:right;}
.content .ctt_btn_wrap .btn_right .btn_black{display:inline-block;margin-top:10px;padding-top:9px;width:100px;height:22px;background:#444;color:#fff;font-weight:bold;text-align:center}
.content .ctt_btn_wrap span{display:inline-block}
.content .a_ln{color:#a5a5a5;font-size:11px;border-bottom:1px solid #a5a5a5;padding-bottom:1px}
.content .board_header{position:relative;margin-bottom:10px}
.content .board_header .select_box{float:left}
.content .board_header .text{margin-left:10px;}
.content .board_header .board_search{width:54px;height:24px;border:1px solid #A2A2A2;background:#E7E7E7;color:#515151;font-weight:bold;}
.content .btn_black_s{display:inline-block;padding-top:9px;width:60px;height:22px;background:#444;color:#fff;font-weight:bold;text-align:center}
.btn_white{font-size:11px;line-height:11px;color:#7e7e7e;padding:4px 7px;border-width:1px;border-style:solid;border-color:#cacaca #909090 #909090 #cacaca;background-color:#fff}
.content .btn_white.arr{background:url(/cmp_images/mypage/btn_white_arr.png) 77px 8px no-repeat;padding-right:12px;}
.content .btn_white.navy{background:#6e757d;color:#fff;border:1px solid #6e757d;}
.content .btn_white.p12{padding:4px 12px}
.content .tbl_btn_wrap{padding-top:12px;}

/* 3. table_vrtcl
--------------------------------------------------------------------------------------------------------------------------------*/
.table_vrtcl{width:100%;border-top:2px solid #a4a4a4;border-bottom:1px solid #a4a4a4}
.table_vrtcl tr th{text-align:left;color:#666666;font-size:12px;padding:14px 0 14px 24px;background-color:#f7f7f7;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8}
.table_vrtcl tr td{color:#969696;padding:0 0 0 21px;font-size:12px;vertical-align:middle;border-bottom:1px solid #e8e8e8}
.table_vrtcl tr:last-child th,.table_vrtcl tr:last-child td{border-bottom:none}
.table_vrtcl tr td input[type="radio"]{vertical-align:middle;margin:0 3px 0 0;}
.table_vrtcl tr td input[type="text"]{height:25px}
.table_vrtcl tr td input[type="checkbox"]{vertical-align:middle}
.table_vrtcl tr td .btn_s{margin-left:3px;border:none;cursor:pointer;background-color:#6e757d;color:#fff;font-family:'돋움',Dotum;font-size:11px;height:20px;padding:4px 7px}
.table_vrtcl tr td .inpt_mobile{display:inline-block}
.table_vrtcl tr td .inpt_mobile input{margin-right:4px}

/* 4. table(board_table) 
--------------------------------------------------------------------------------------------------------------------------------*/
.board_table .chk{padding-left:20px;text-align:left}
.board_table table th.pBT8{padding:8px 0 6px}
.board_table table th .tbl_btn_l{float:left;margin-left:20px;}
.board_table table th .tbl_btn_r{float:right;margin-right:20px}
.board_table table td{font-size:13px}
.board_table table td.prd_img_box{text-align:left;padding-left:25px}
.board_table table td.prd_img_box .prd_img{float:left;border:1px solid #e0e0e0;width:60px;height:60px;display:inline-block}
.board_table table td.prd_img_box .prd_img img{width:100%;height:100%}
.board_table table td.prd_img_box .prd_nm{height:16px;color:#666;float:left;margin-left:18px;padding-top:25px;display:inline-block;width:375px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board_table table td.prd_img_box .prd_nm2{height:auto !important;color:#666;float:left;margin-left:18px;padding-top:18px;display:inline-block;width:288px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:15px;}
.board_table table td.br_l{border-left:1px solid #e8e8e8;}
.board_table.mypage table td{padding-top:9px;padding-bottom:10px;vertical-align:middle;line-height:1.3}
.last_price{font-size:16px;text-align:right;color:#d03a3e;}
.last_price strong{font-size:26px;}
.price_txt{font-size:16px;text-align:right;color:#d03a3e;}

/* 5. date_search_box
--------------------------------------------------------------------------------------------------------------------------------*/
.date_search_box{border:1px solid #a4a4a4;padding:20px;margin-bottom:28px;position:relative;}
.date_search_box:after{content:'';display:block;clear:both;}
.date_search_box .date_tab{display:inline-block;float:left;margin-right:14px;}
.date_search_box .date_tab:after{content:'';clear:both;display:block;}
.date_search_box .date_tab li{float:left;text-align:center;width:58px;padding-top:9px;padding-bottom:8px;color:#969696;border:1px solid #cdcdcd;border-left:none;border-right:1px solid #e8e8e8;cursor:pointer;}
.date_search_box .date_tab li:first-child{border:1px solid #cdcdcd}
.date_search_box .date_tab li.on{background-color:#6e757d;border-color:#6e757d;font-weight:bold;color:#fff}
.date_search_box .date_inpt_box{float:left;margin-right:14px;}
.date_search_box .date_inpt_box input[type="text"]{width:94px;height:12px;padding-top:8px;padding-bottom:9px;padding-left:14px;color:#969696;background:url(/cmp_images/mypage/bg_calendar.png) 82px 7px no-repeat;cursor:pointer;}
.date_search_box .btn_black_srch{float:right;display:inline-block;padding:8px 20px;text-align:left;height:31px;width:100px;background:#444 url(/cmp_images/mypage/bg_btn_search.png) 73px 12px no-repeat;color:#fff;font-weight:bold;}
.date_search_box .select_box{float:left;padding-right:0;height:29px;background-position:right 3px;}
.date_search_box .select_box .sel{padding-right:20px;height:29px;line-height:25px;}
.date_search_box .select_box label{top:7px;}

/* 6. register_box
--------------------------------------------------------------------------------------------------------------------------------*/
.register_box{text-align:right;margin-bottom:10px;}
.register_box:after{content:'';clear:both;display:block;}
.register_box input[type="text"]{height:29px;padding:0 0 0 5px;float:left;margin-right:10px;}
.register_box .btn_black_s{float:left;}

/* 7. placeholder
--------------------------------------------------------------------------------------------------------------------------------*/
.placeholder_box{position:relative;display:inline-block;float:left;}
.placeholder_box input[type="text"]{}
.placeholder_box label{position:absolute;color:#969696;left:6px;top:7px;}

/* 8. layer_popup2
--------------------------------------------------------------------------------------------------------------------------------*/
.layer_popup2 .layer_table{width:100%;}
.layer_popup2 .layer_table tr:first-child th,.layer_popup2 .layer_table tr:first-child td{border-top:2px solid #a4a4a4;}
.layer_popup2 .layer_table th{padding:10px 20px;border-bottom:1px solid #E8E8E8;border-right:1px solid #E8E8E8;color:#666;vertical-align:middle;background:#F7F7F7;text-align:left;}
.layer_popup2 .layer_table td{padding:10px 20px;border-bottom:1px solid #E8E8E8;vertical-align:middle;color:#666;text-align:left;}
.layer_popup2 .layer_table input[type="text"]{height:23px;}
.layer_popup2 .layer_table input[type="email"]{height:23px;}
.layer_popup2 .layer_table .en{color:#969696 !important;margin-top:4px;}
.total{font-weight:bold;font-size:18px;}

